<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <title>修改订单详情</title>
  <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
  <script th:src="@{/js/bootstrap.js}" rel="stylesheet"></script>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f8f9fa;
      margin: 20px;
    }
    .container {
      margin-top: 20px;
    }
    .page-header h1 {
      margin-top: 20px;
    }
    form {
      margin-top: 20px;
    }
    label {
      font-weight: bold;
      margin-top: 10px;
    }
    .form-group {
      margin-bottom: 20px;
    }
    input[type='submit'] {
      background-color: #007bff;
      color: white;
      border: none;
      padding: 10px 20px;
      cursor: pointer;
    }
    input[type='submit']:hover {
      background-color: #0056b3;
    }
  </style>
</head>
<body>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="page-header">
        <h1>修改订单详情</h1>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 text-right">
      <a class="btn btn-primary" th:href="@{/allUserOrderFaHuo}">返回</a>
    </div>
  </div>
  <form method="post" th:action="@{/updateOrderDetails}" class="col-md-6">
    <input type="hidden" name="detail_id" th:value="${orderDetails.detail_id}">
    <div class="form-group">
      <label>订单编号:</label>
      <input type="text" id="order_id" name="order_id" class="form-control" th:value="${orderDetails.order_id}" readonly="readonly">
    </div>
    <div class="form-group">
      <label>姓名:</label>
      <input type="text" id="name" name="name" class="form-control" th:value="${orderDetails.name}">
    </div>
    <div class="form-group">
      <label>电话:</label>
      <input type="text" id="phone_number" name="phone_number" class="form-control" th:value="${orderDetails.phone_number}">
    </div>
    <div class="form-group">
      <label>地址:</label>
      <input type="text" id="address" name="address" class="form-control" th:value="${orderDetails.address}">
    </div>
    <div class="form-group">
      <label>商品编号:</label>
      <input type="text" id="product_id" name="product_id" class="form-control" th:value="${orderDetails.product_id}" readonly="readonly">
    </div>
    <div class="form-group">
      <label>数量:</label>
      <input type="text" id="quantity" name="quantity" class="form-control" th:value="${orderDetails.quantity}">
    </div>
    <div class="form-group">
      <input type="submit" value="修改订单详情" class="form-control">
    </div>
  </form>
</div>
</body>
</html>
